@import "_function";
.content {
  .banner {
    .w(750);
    .h(320);
    img {
      width: 100%;
      height: 100%;
    }
  }
  .advertising {
    .w(750);
    .h(200);
    a{
      display: block;
      img {
        display: block;
        width: 100%;
        height: 100%;
      }
    }
  }
  .linkList {
    .w(750);
    .h(227);
    a {
      float: left;
      width: 25%;
      .h(195);
      .mt(22);
      text-align: center;
      img {
        .w(150);
        .h(150);
      }
      p {
        .fs(24);
        .mt(12);
        .c(@c3);
      }
    }
  }
  .presale {
    .w(750);
    .mt(13);
    .mb(38);
    li{
      .w(370);
      .h(455);
      a{
        display: block;
        img{
          display: block;
          .w(370);
          .h(300);
        }
        p{
          .fs(24);
          box-sizing: border-box;
          .pl(15);
          .pr(15);
          .mt(8);
        }
        .name{
          .c(@c3);
          .lh(36);
        }
        .price{
          color: #ff0000;
          span:first-child{
            float: left;
          }
          span:last-child{
            float: right;
          }
        }
      }
    }
    li:first-child{
      float: left;
    }
    li:last-child{
      float: right;
    }
  }
  .proList {
    .pl(16);
    .pr(16);
    .mt(38);
    .mb(29);
    li{
      .w(323);
      .h(174);
      .mb(31);
      border: #d2d2d2 1px solid;
      img{
        display:block;
        .w(323);
        .h(134);
      }
      p{
        box-sizing: border-box;
        .pl(10);
        .pr(10);
        .name{
          float: left;
          color: #000000;
        }
        .price{
          float: right;
          color: #ff0000;
          .mr(10);
        }
        .original{
          float: right;
          color: #bebebe;
          text-decoration: line-through;
        }
      }
    }
    li:nth-of-type(1n){
      float: left;
    }
    li:nth-of-type(2n){
      float: right;
    }
  }
  .stacked {
    .w(750);
    .mt(28);
    .mb(30);
    li{
      .h(193);
      .bc(@mainColor);
      .mb(15);
      .left{
        float: left;
        .w(410);
        .h(193);
        img{
          display: block;
          width: 100%;
          height: 100%;
        }
      }
      .right{
        float: right;
        .w(340);
        .h(193);
        .name{
          .h(134);
          .fs(24);
          color: #ffffff;
          .lh(34);
          .mt(6);
        }
        .price{
          float: left;
          .fs(36);
          color: #ff0000;
        }
        .num{
          float: right;
          .fs(24);
          .lh(36);
          .mr(30);
          color: #303030;
        }
      }
    }
    li:last-child{
      .mb(0);
    }
  }
  .bottom {
    .w(750);
    .h(98);
  }
}